<html>
<head>
<title>Table Sort Example</title>
<script type="text/javascript" src="table.js"></script>
</head>
<body>
<p>Click on the table header to sort.</p>
<table border="1" id="tblSort">
	<thead>
		<tr>
			<th onclick="sortTable('tblSort', 0)" style="cursor: pointer">Type</th>
			<th onclick="sortTable('tblSort', 1)" style="cursor: pointer">Filename</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td value="doc"><img src="images/wordicon.gif" /></td>
			<td>My Resume.doc</td>
		</tr>
		<tr>
			<td value="xls"><img src="images/excelicon.gif" /></td>
			<td>Fall Budget.xls</td>
		</tr>
		<tr>
			<td value="pdf"><img src="images/acrobaticon.gif" /></td>
			<td>How to be a better programmer.pdf</td>
		</tr>
		<tr>
			<td value="doc"><img src="images/wordicon.gif" /></td>
			<td>My Old Resume.doc</td>
		</tr>
		<tr>
			<td value="txt"><img src="images/notepadicon.gif" /></td>
			<td>Notes from Meeting.txt</td>
		</tr>
		<tr>
			<td value="zip"><img src="images/zippedfoldericon.gif" /></td>
			<td>Backups.zip</td>
		</tr>
		<tr>
			<td value="xls"><img src="images/excelicon.gif" /></td>
			<td>Spring Budget.xls</td>
		</tr>
		<tr>
			<td value="doc"><img src="images/wordicon.gif" /></td>
			<td>Job Description - Web Designer.doc</td>
		</tr>
		<tr>
			<td value="pdf"><img src="images/acrobaticon.gif" /></td>
			<td>Saved Web Page.pdf</td>
		</tr>
		<tr>
			<td value="doc"><img src="images/wordicon.gif" /></td>
			<td>Chapter 1.doc</td>
		</tr>
	</tbody>
</table>
</body>
</html>
